.cofferlist-box {
    padding-top: .88rem;
    padding-bottom: .3rem;
    background: #f2f3f4;
}

.cofferlist-box > img {
    width: 100%;
    padding-bottom: 4px;
}

.list-bg {
    background: #fff;
    box-shadow: none;
}

.listwd-12 {
    width: 25%;
}

.list-bg .img-box img {
    display: inline-block;
    width: .5rem !important;
    height: .5rem;
    vertical-align: middle;
}


.list-bg .mui-table-view-cell:after {
    left: 1rem;
}

.list-bg a {
    font-size: 14px;
}

.list-fs {
    font-size: .3rem;
    color: #06C7D1 !important;
}

.list-icon {
    width: 24px !important;
    margin: .2rem .2rem 0 0;
}

.list-btn {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.1rem;
    text-align: center;
    border-top: 1px solid rgba(204, 204, 204, .3);
    padding-top: .1rem;
    background: #fff;
    font-size: 0;
    display: flex;
    justify-content: space-evenly;
    z-index: 555;
}


.list-btn > button {
    width: 48%;
    height: .88rem;
    color: #fff;
    font-size: 16px;

}

.list-btn > button:nth-of-type(1) {
    background-color: #0CBED5;
    border-color: #0CBED5;
}

.list-btn > button:nth-of-type(2) {
    background-color: #008DED;
    border-color: #008DED;
}

.list-bg > .mui-slider-group {
    height: 100%;
    overflow-y: scroll;
}

.cofferlist-content {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 8;
}

.mui-segmented-control.mui-segmented-control-inverted.coffer-fff {
    background: #fff;
    border-bottom: 1px solid rgba(204, 204, 204, .3);
}

.cofferlist-ht {
    padding-top: 87%;
    position: absolute;
    left: 0;
    height: 100%;
    overflow-y: scroll;
    padding-bottom: 1.1rem;
}
@media (max-device-height: 600px) and (min-device-height: 500px) {
    .cofferlist-ht {
        padding-top: 102%;
    }
}
@media screen and (min-device-height: 700px) {
    .cofferlist-ht {
        padding-top: 79%;
    }
}

.cofferlist-img {
    background: url(../../assets/img/list.jpg) center center no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 4.54rem;
}
.coffer-top{
    padding-top: .88rem;
}
.cofferlist-top{
    padding-top: 23%;
}
@media (max-device-height: 600px) and (min-device-height: 500px) {
    .cofferlist-top {
        padding-top: 26%;
    }
}
.cofferlist-content .mui-control-item.export-active {
    color: #007aff;
}
.cofferlist-icon{
    width: 18px;margin-top: 10px;
}